<template>
  <view class="login-card main-box feat-grid">

    <view @click="isLoginType = !isLoginType" class="login-card-head fx-row-c main-bg"
          :style="{'background-image': 'url('+ ossImage('login/logo.png')+')'}"
    >
    </view>

    <view class="login-card-desc">您已加入门店：</view>

    <view class="login-card-box">
      <!--一键登录-->
      <button class="icon-btn-s1-auto icon-btn-b">退出门店</button>
    </view>

    <u-modal
        v-model="renderData.isModelShow"
        @confirm="confirm"
        :show-cancel-button="true" content="您将退出门店！"
        confirm-color="#303030"
    >

    </u-modal>
    <uv-toast ref="loginToast"></uv-toast>
    <toast></toast>
  </view>

  <!-- #ifdef MP-WEIXIN -->

  <!-- #endif -->
</template>


<script setup>
import { reactive, ref,computed} from "vue";
import { ossImage,jump } from '@/utils/index'
import { header,color } from '@/enums/constants';
import { onLoad } from "@dcloudio/uni-app";
import loginApi from "@/apis/login";
import { userStore } from "@/stores";
import qs from "qs";

const store = userStore();
const subBtnLoading = ref(false);
const loginToast = ref(null);


const renderData = reactive({
  isModelShow:true,
})


const confirm = ()=>{

}
const isReadyLogin=()=>{
  let text = ['请您勾用户选协议','请您输入电话号码','请您输入验证码'];
  let index = undefined;
  if(!isChecked.value){
    index = 0;
  }
  if(!formData.phone){
    index = 1;
  }
  if(!formData.code){
    index = 2;
  }
  if(index === undefined){
    return true;
  }else{
    loginToast.value.show({
      title:text[index],
      type:'warning',
      position:'top'
    })
  }
}


</script>

<style lang="scss" scoped>
.login-card {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 60rpx;
  text-align: center;
  box-sizing: border-box;

  //logo
  &-head{
    height: 200rpx;
    width: 330rpx;
    background-size: contain;
    background-color: transparent;
    margin:0 auto;
  }

  &-desc{
    padding-bottom: 20rpx;
    @include main-text2;
  }

  &-box{
    margin-top: 280rpx;
  }
  .icon-btn-s1-auto{
    width: 65%;
    border-radius:15rpx !important;
    &:after{border-radius:30rpx;border:none;}
  }



}

</style>
